body{
	margin:0px;
	padding:0px;
}
/*# home css */
.ft_area, .ft_link, .ft_contact{
    text-align: center;
}
 
 
.homeitem{
	width:94%;
	padding:2rem;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
.homeitemleft{
	width:60%;
}
.homeitmeright{
	width:40%;
	display:flex; 
	align-items:center;
	flex-wrap:wrap;
}
.imgresponsive{
    width:200px;
	height:auto;
	margin-left:1rem;
	padding-left:1rem;
}

/*# translateprice css */
.price-description{
	margin:0 auto;
	width:90%; 
	padding:1.1rem;
	font-weight:800;
}

.destitle{
	font-size:4.3rem;
}

.des{
	margin-top:1.1rem;
}

.price-container{
	display:flex;
	justify-content:center; 
	align-content:center;
	width:90%; 
	margin:auto;
	padding:1.1rem; 
	font-size:1.5rem;
	overflow:hidden;
}

.service{
	flex:3;
}
.advanced{
	flex:1;
}
.deep{
	flex:1;
}
.normal{
	flex:1;
}

.service ul, .advanced ul, .deep ul, .normal ul{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	text-align:center;
	width:100%;
	margin:0 auto;
	padding:0;
	height:100%; 
}

.service ul li, .advanced ul li, .deep ul li, .normal ul li{
	list-style:none;
	padding:1rem 0;
	border:1px solid rgba(210,210,210,0.66);
	width:100%;  
	height:150px;
}

.price-container ul li:nth-child(1){
	background:#ef3e4a;
	font-size:2rem;
	color:white;
	font-weight:800; 
}
.first-title{
	font-size:2rem;
	font-weight:800;
	color:#000;
}


/*# proofreading css */

.proofreading-container{
	margin:0 auto;
	padding:1rem;
	width:90%; 
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	justify-content:center;
	text-align:center;
	overflow:hidden;
}

.proofreading-advanced, .proofreading-deep, .proofreading-normal{
	flex:33.3%; 
	border:1px solid rgba(210,210,210,0.66);
	height:75rem;

}

.proofreading-advanced:hover, .proofreading-deep:hover, .proofreading-normal:hover{
	background:#ef3e4a;
	color:white;
}

.proofreading-container ul{
	display:flex;
	flex-direction:column; 
	width:100%; 
	white-space:nowrap;
 	padding-left:0;
}


.proofreading-container ul li{ 
	list-style:none;
	padding:1rem 0;   
	display:block; 
	padding:1rem; 
}

.proofreading-container h2{
 margin: 0; 
 padding:1rem;
 font-weight:800; 
}


/*# price-calculation css */

.price-calculation{
	margin:0 auto;
	width:94%; 
	padding:1rem;
	overflow:hidden;
	background:#F9FAFC
}

.price-calculation h1{
	margin:2rem 0;
	
}

.selectservices{
	display:flex; 
	justify-content:center;
	align-items:center; 
	flex-wrap:wrap;
	width:100%; 
}

.serviceitem{
	flex:1;
	padding:2rem;
	white-space:nowrap;
 
}

.filline{
	width:100%;
	background:rgba(210,210,210,0.66);
	height:1px; 
	margin:2rem 0;
}

#days, #wordCount{ 
	margin-left:2rem;
	height:3rem;
}

.button, #total{
	font-weight:600;
}

#total{
	display:block;
	text-align:center;
	font-size:5rem;
	color:#ef3e4a;
}
.note{
	font-size:1.3rem;
	font-style: italic
}

.showwxpic{
	display:none;
	margin:2rem;
	background:#edebeb;
}
.showpic{
	display:flex;
	justify-content:center;
	align-items:center;
}
.picdes{
	width:60%;
	text-align:center;
	font-weight:600;
	color:#ef3e4a;
}
.wxpic{ 
		padding:1rem;
}






@media screen and (min-width: 500px) {
    .showwxpic{
            display: block;
    }
}


/*# proofreading-container css */
.normalproofreading-container{
	width:100%;  
}

.normalproofreading-container h1{ 
	padding:2rem 0  0 2rem;
}

.mainservice{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	width:94%; 
    justify-content: center;
    align-content: center;
}

.left-container{  
	overflow:hidden; 
	width:500px;
	margin: 0 auto;
}

.left-two-contains{
	display:flex;
	flex-wrap:wrap; 
}

.two-contains-1{
	flex:40%;
	white-space:wrap;
	margin:2rem;
	font-weight:600;
	font-size:1.5rem;
}


.right-container{
	margin:0 auto;
	text-align:center; 
	padding:0 1rem;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	flex-basis:35rem;
}

.right-container-one h2{
	padding-top:1rem;
}

.price, .rightdes, .rightdes2{
	margin:2rem;
}

.right-container-one .price{
	font-size:2rem;
	font-weight:600;
}

.rightdes{
	margin:0px;
	padding:0px;
	font-size:1.5rem;
	background:rgba(25,145,78,0.7);
	font-weight:600;
	padding:1.5rem 0;
	color:white;
}
.colorred{
    background: rgb(212 7 7);
}
.coloryellow{
    background: rgb(138 134 8);
}
.pricebutton{
	background:#1c6da9;
	padding:1.6rem;
	color:white;
	font-weight:600;
	width:80%;
	text-align:center;
	margin:5rem auto 2rem;
	
}
.pricebutton:hover{
	background:#ef3e4a;
}

.pricebutton a{
	text-decoration:none;
	display:block;
	color:white; 
}

.findprice{
	background:#edebeb;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:2rem 0;
	height:auto;
}

.findprice h2{
	text-align:center; 
	margin-top:2rem;
}

.leftchat{
	display:flex;
	flex-direction:column;
	align-items:center;
	flex-basis:400px;
}

.chat{
	background:#ef3e4a;
	padding:1.6rem;
	color:white;
	font-weight:600;
	text-align:center;
	width:60%;
	margin:0 auto;
	margin-bottom:2rem;
	white-space:nowrap;
}

.chat a{
	text-decoration:none;
	display:block;
	color:white
}		

.additionalservice, .service, .freestudy, .problems{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:94%;
	margin:0 auto;
}


.additionalservice h2, .service h2, .freestudy h2, .successcase h2, .problems h2{
	text-align:center;  
	margin:4rem 0;
	
}

.additionalitems, .servicedes{
	display:flex;
	flex-wrap:wrap;
}

.additiona-litem{
	flex:50%; 
}

.litemlogo{
	background-image:url(/static/picture/backlogo.png); 
	width:66px;
	height:50px;
    margin:0 auto;
}
 

.ilogo1{
    background-position:125px 375px;	  
}

.ilogo2{
    background-position:125px 765px;	  
}

.ilogo3{
    background-position:125px 200px;	  
}

.ilogo4{
    background-position:125px 700px;	  
}

.ilogo5{
    background-position:125px 540px;	  
}

.ilogo6{
    background-position:125px 637px;	  
}



.additiona-litem h3{
	text-align:center; 
	margin-top:1rem;
}

.h3des{
	padding:1rem;
	text-align: center;
}

.service-items{
	flex:33.33%;
	padding:1rem; 
	text-align: center;
}

.servicelogo{
	background-image:url(/static/picture/backlogo.png); 
	width:66px;
	height:50px;
    margin:0 auto;
}
.servicelogodes{
    margin-top:2rem;
}

.logo1{
    background-position:125px 492px;	  
}

.logo2{
    background-position:125px 882px;	  
}

.logo3{
    background-position:125px 316px;	  
}

.logo4{
    background-position:125px 257px;	  
}

.logo5{
    background-position:125px 145px;	  
}


.logo6{
    background-position:125px 86px;	  
}



.freestudydes{
	margin-bottom:2rem;
	padding:1rem;
}


.slideshow-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  width:100%; 
  height:100%; 
}

.slide1 {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

.slideleft, .slideright{
	flex-basis:47%; 
	display:flex;  
}

.backwidth{
    	background:#edebeb;    
}

.successcase{
    display: flex;
    flex-direction: column;
    width:94%;
    height: 500px;
    margin: 0 auto;

}



.successdes{
    margin-bottom: 1rem;
}

.leftimg{
	width:20rem;
	flex-shrink: 1;
}

.leftimgdes{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:1rem 0;
	width:70%;
	margin-left:0.5rem;
	flex-shrink: 0;
}

.magtitle, .articletitle, .ifsector{
	flex-basis:33.33%;
	margin:1rem 0; 
	font-size:1rem;
}

.maglogo:before{
	content:'';
	display:inline-block;
	width:40px;
	height:40px;
	float:left; 
	margin-right:1rem;	
}

.magtitle:before{
	background:url(/static/picture/tubiao3.png);
}

.articletitle:before{
	background:url(/static/picture/tubiao1.png);
}

.ifsector:before{
	background:url(/static/picture/tubiao2.png);
}

 

.leftimg img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.slide1.active {
  opacity: 1;
}


.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em;
  background: transparent;
  border: none;
  cursor: pointer;
  background:#eaeaea;
}

.prev { left: 10px; }
.next { right: 10px; }


 

.problem{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:100%;
	margin: 1rem auto;
}

.problemitems{
	border-top: 1px solid #ccc; 
    padding: 1rem;
    margin-bottom:1rem;
	margin-right:0.4rem;
	box-shadow:0 2px 2px 0px;
	border-radius:5px;
	width:60rem;
	text-align: center;
	background: #fff;
}

.problem-title{
    cursor: pointer;
}

.problem-content{
    padding: 1rem;
    border-top: 1px solid #ccc; 
}


/*# cebianlan css */
.rightchat{
	position:fixed;
	top:30%;
	transform:translateY(-50%);
	right:0;
	width:62px;
	height:auto;
	border: 2px solid #1c6da9;
    box-sizing: border-box;
    z-index: 2000;
    background-color: #fff;
    border-radius: 31px; 
}
.rightchats{
	margin:50px 0;
	text-align:center;
	position:relative;
	cursor:pointer; 
}

.rightchatdes{
	position:absolute;
	right:62px;
}
.rightwxlogo{
	width:200px;
	height:200px;
	display:none;
	border-radius:10px;
}
.rightzxlogo{
	width:150px;
	height:50px;
	display:none;
	border-radius:10px;
	background:#edebeb;
	text-align:center;
}

.rightzxlogo a{
	text-decoration:none;
	color:#000;
	padding:10px;
	font-weight:600;
	line-height:50px;
}

.rightchatdes img{
	width:100%;
	height:100%;
}

/*# submissionservice css */
.submissionservice-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center; 
	padding:2rem;
}
.submissionservice{
	width:94%;  
	 
}
.submissionservice h1{
	font-size:30px;	
}

.submissionprocess{
	width:65%;
	margin-top:2rem;
	text-align:center;
}
.submissionprocess h2{
	font-size:28px;
}
.h1des{
	padding:0 1.5rem;
}
.subpro{
	margin:2rem 0; 
	display:flex;
	align-items:center; 
	justify-content:flex-start;
	flex-wrap:nowrap;
}
.subproimg{
	width:80px;
	height:80px;
	background:#1c6da9;
	display:inline-block;
	border-radius:50%; 
	font-weight:600;
	font-size:30px;
	flex-shrink:0;
	line-height:80px;
	color:white;
}
.subproimg:hover{
	background:#ea3441;	
}
.subprodes{
	display:inline-block;
	margin-left:5rem;
}

/*# contentpage css */ 
.content-container{
	font-size:1.6rem;
	width:94%;
	padding:2rem;
	margin:0 auto; 
	height:auto;
}

.topnav{
	margin:2rem 0;
	color:rgb(122 122 116); 
}
.topnav a{
	color:rgb(122 122 116);
}

.maincontent{
	display:flex; 
}
.leftnav{
	width:300px;
	height:700px; 
	margin-right:1rem;
	flex-shrink:0; 
	background:#edebeb;
}
.leftnav-title{ 
	width:100%; 
	padding-top:2rem; 
	text-align:center;
	cursor:pointer;
}
.leftnav-content{
	text-align:center;
}
.leftnav-content a{
    color:white;
}
.rightcontent{
	margin:0 1rem;
	padding:0 2rem;
}
.mainnews p img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.rightcontent h1{
	text-align:center;
}
.h1time{
	font-size:1.5rem;
	text-align:center;
	color:rgb(122 122 116);
}
 
 .content-page{
	 width:100%;
	 display:flex;
	 padding:1rem;
	 margin:1rem 0;
	 display:flex;
	 border:1px solid gray;
 }
 .prepage{
	 width:50%;

	 
 }
  .prepage a, .nextpage a{
	 color:rgb(122 122 116);  
  }
 .nextpage{
	 text-align:right;
	 width:50%;
 }
 
 /*# listpage css */ 
 .listpage-container{
	font-size:1.6rem;
	width:90%;
	padding:2rem;
	margin:0 auto; 
	height:auto;
 
}
.listcontents{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	margin:0 auto;
	
}
.listcontent-item{
	margin:0 1rem;
	padding:0 1rem;
	border-bottom:1px solid lightgray;
	width:33%;
	margin :1rem 0;
}
 
.itempic img{
	max-width:100%;
	height:auto;
}
.listitem-des{
	margin:1.2rem 0;
}
.listitem-des h2{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.content-page{ 
	justify-content:space-between;
	align-items:center;
	border:1px solid lightgray;
}


 /*# fanyipage css */ 
 .fanyi-top{
    	background:#edebeb;    
}
 
.fanyi-top, .pcfanyicontainer, .mfanyicontainer, .runse-youshi, .xueke{
	width:100%; 
	height:auto;
}

.fanyitop{
	padding:1rem;
	width:94%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.fanyitop ul li{
	padding:1rem;
}
.fanyitop-left{
	width:70%;	
}
.fanyitop-right{
	width:400px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.runseyoushi{
	padding:1rem;
	width:94%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center; 
}

.runseyoushi h2{
	font-size:2.6rem; 
}
.runseh2des{
	font-size:2rem; 
}
.runseyoushiitems{
	width:70%;
	height:auto;
	display:flex; 
	margin:1.5rem 0;
	flex-wrap:wrap;
}
.runseyoushi-item{ 
	flex-basis:40rem;
	margin:1rem auto; 
	border-radius:5px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);  
}

.runseyoushiitems h3{
	font-size:1.8rem;
	text-align:center;
	padding:1rem;
}
.runseyoushi-item .runseh3des{
	margin-bottom:1rem;
	padding:0 1rem;
}
.runseitem1{
	background:rgba(25, 145, 78, 0.7);
	height:6px;  
}
.runseitem2{
	background:rgb(138 134 8);
	height:6px; 
	 
}
.runseitem3{
	background:#1c6da9;
	height:6px; 
	 
}
.runseitem4{
	background:rgb(212 7 7);
	height:6px; 
	 
}
.mfanyicontainer{
	display:none;
}


.fanyiitems{ 
	display:flex; 
}


.fanyi-item{
	width:40rem; 
	margin:1rem auto;
	padding:1rem;
	text-align:center;
}

.fanyi-item .h2des{
	text-align:left;
	height:180px; 
}
.fanyirunseitem .h2des{
	text-align:center;
	height:120px;
}
.fanyiprice, .mfanyiprice{
	margin:1rem 0;
	font-size:3rem;
	font-weight:600;
	background:rgb(120,255,240,0.6);
}
.xueke{
	background:#edebeb;
}
.fanyirunsecolor{
	background:none;
}
.xuekeitems{
	padding:1rem;
	width:94%;
	margin:0 auto; 
}
.xuekeitems h2{
	font-size:1.8rem;
	text-align:center;
	padding:1rem;
	font-size:2.2rem;
	
}
.xuekeitems .h2des{
	text-align:center;
	margin-bottom:1rem;
}
.xueke-items{
	padding:1rem;
	display:flex;
	flex-wrap:wrap;   
 
}
.xueke-item{
	flex:18%;
	margin:0 1rem;
	text-align:center;
}
.xueke-itempic{
	text-align:center;
}
.slide2 {
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: opacity 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}


.slide2.active {
  opacity: 1; 
}
.mfanyicontainer{
margin-top:2rem;
}
.mfanyi-items {
  position: relative; 
  height:800px;
  display:flex;
  align-items:center; 
  padding-top:2rem;
}

.mfanyi-item h2{
	margin:1rem 0;
}


.mfanyi-item{
	text-align:center;
}

.mprev, .mnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em;
  background: transparent;
  border: none;
  cursor: pointer;
  background:#eaeaea;
}

.mprev { left: 10px; }
.mnext { right: 10px; }

/*# biaodan css */ 

.in_price .price_form input{margin-bottom:2rem;color:#6e6e6e;font-size:14px;padding:1.5rem 1rem;border:1px solid #fff}
.in_price .price_form input:focus{border:1px solid #fff}
.in_price .price_form .submit input{width:100%;background:#040404;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.in_price .price_form .submit input:hover{background:#ef3e4a;color:#fff}
.in_price .price_form i{color:#8f8f8f;font-size:12px}
.price_form form{display:flex;flex-wrap:wrap;}
.price_form .text1, .price_form .text2, .price_form .text4, .price_form .text3, .price_form .submit{margin:2rem 1rem;}
.price_form .text1, .price_form .text2,  .price_form .text4{ width:30%;}
.price_form .text3, .price_form .submit{ width:45%;}
.price_form .text4{ background:white;color:#6e6e6e;font-size: 14px; height:50px;}
.price_form .upload-btn{line-height:50px; padding-left:2rem;font-weight: 100;}


/*# shouyenews css */ 
.indexnews{
	width:100%;
	background: #edebeb;
}
.newsitems{
	width:94%;
	margin:0 auto;
	padding:1rem;
	display:flex; 
	flex-wrap:wrap;  
}
 
.newsitem{
	flex:23%;
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	margin:1rem;
	flex-grow:1;
}
.newspic{
	width:200px;
	margin:0 1rem;
}
.newsdes{
	width:300px;
	
}
.newspic img{
	width:100%;
	height:auto;
	object-fit:contain; 
}


/*# shouyemarquee css */ 

.topmarquee{
	width:100%; 
	display:flex; 
	background:#ea3441;
	margin:0 auto;
	color:white;
	align-items:center;
	
}

 .marquee {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
	width:100%;
	font-weight:600;
	padding-top:15px;
  }
  
  .marqueedes{
	  font-weight:600;
	  width:250px;
	  padding-left:1rem;
  }
 
  .marquee p {
    display: inline-block;
    padding-left: 100%; 
    animation: marquee 20s linear infinite; 
	color:white;
  }
  .marqueedes a{color:white;}

@keyframes marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}

/*# tougaoservice css */
.tougaotop{
    height:350px;
}
.tesheitems{
    margin-top:1.5rem;
	text-align:center;
	font-weight:600;
	font-size:1rem;
}
.tesheitems p{ 
	font-size:2rem;
}
.teshe-item{
	display:flex; 
}
.teshe-item span{
	display:inline-block;
	font-size:2rem; 
	padding:1rem;
	margin:0 1rem; 
	background:#1c6da9;
	color:white;
	flex:40%;
}
.teshe-item span:hover{ 
	background:#ef3e4a;
}
.submissinoncontent{
	width:96%;
	margin:0 auto; 
	padding:1rem;
	text-align:center;
}

.submissioncontentitmes{
	padding:0 1rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.submissioncontent-itme{
	margin:1rem;
    flex:46%;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);
	padding:1rem;
	text-align:center;
}
.submissioncontent-itme h4{
	text-align:center;
	color:#1c6da9;
}


.submissioncontent-itme h4:hover{ 
	color:#ef3e4a;
}

.submissioncontent-itme div p{
	background:#1c6da9;
	padding:1rem;
}

.submissioncontent-itme div ul li{
	list-style:none;
	padding:1rem;
}
.submissioncontent-itme div p{
	color:white;
	font-weight:600;
}
.submissioncontent-itme div p:hover{
	background:#ef3e4a;
}
.submissioncontent-itme div ul li a{
	font-weight:600;
	color:#1c6da9;
}
.submissioncontent-itme div ul li a:hover{
	color:#ef3e4a;
}







.tgsuccesscase{
    display: flex;
    flex-direction: column;
    width:100%;
    height: 600px;
    margin: 0 auto; 
    background: #edebeb;
}

.tgsuccesscase h2{
	text-align:center;  
	margin:1rem 0;
}
.tgsuccessdes{
    margin-bottom: 1rem;
	text-align:center;
}
.tgslideshow-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  width:100%; 
  height:100%; 
}

.tgslide1 {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

.tgslideleft, .tgslideright{
	flex-basis:47%;  
	white-space:nowrap;
	overflow:hidden;
	margin:0;
	padding:0;
	font-style:italic;
}
.tgslideleft ul li, .tgslideright ul li{ 
	list-style:none;
	padding:1px 1rem;
}
.tgslideleft ul li:nth-child(2n-1),.tgslideright ul li:nth-child(2n-1){
	background:white;
}

.tgslide1.tgactive {
  opacity: 1;
}

.tgprev, .tgnext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em;
  background: transparent;
  border: none;
  cursor: pointer;
  background:#eaeaea;
}

.tgprev { left: 10px; }
.tgnext { right: 10px; }


 /*# chengonglist css */

.lists-content{
	width:94%;
	margin:0 auto;
	padding-top:0.1rem; 
}
 
.succleftnav{
	width:20%;
	background:linear-gradient(#1c6da9, transparent);
	color:white;
	border-radius:10px;
}
.successcasesshow{
	width:80%;
}

.successlists{
	width:100%;
	display:flex;
}

.sulist-item{
	display:flex;
	margin:1rem;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);
	border-radius:5px;
}

.suitempic{
	position:relative;
	width:30%;
	height:auto;
	padding:10px;
	text-align: center;

}

.suitempic img{
	max-width:100%;
	height:auto;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);
	border-radius:5px;
}

.item-if{
	position:absolute;
	top:0; 
	background:linear-gradient(to right,#1c6da9, transparent);
	width:100%;
	height:auto;
	text-align:center;
	color:white;
	font-size:2rem;
	font-weight:600; 
}

.itemdes{
	display:flex;
	flex-wrap:wrap;
	padding:1rem;
	align-items:center; 
	width:60%;
}

.suitems{
	width:48%; 
	background:#edebeb;
	padding:1rem;
	margin:0.5rem; 
}
.suitems p{
	margin:0;
	font-style:italic;
}
 
.item-pl{
	width:100%;
	word-wrap:break-word;
	background:#edebeb;
	padding:1rem;
}

.rightcontent .runse-youshi{
    background: #edebeb;

}

.rightcontent .runseyoushiitems{
	width:100%; 
}
 

@media screen and (max-width:500px) {
    .showwxpic{
            display: block;
    }
	.showpic{
		display:flex;
		flex-direction:column;
	}
	.picdes{
		padding-top:1rem;
	}
	.wxpic{
		margin-top:1rem;
	}
	.servicedes{
		display:flex;
	}
	.service-items{
		flex:50%;
		padding:1rem; 
		border:1px solid rgba(210,210,210,0.66);	
	}
	.mobilehide{
	    display: none;
	}
	.rightchat{
	    display: none;
	}
	.subpro{ 
	display:flex;
	flex-direction:column;
	}
 
    .subprodes{ 
	margin:2rem 0 0 0;
	text-align:flex;
    }
	.findprice{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	} 
	.chat{
		width:100%;
	}
	.leftchat{
		flex-basis:auto;
	}    
	.problemitems{
	    width:100%;
	}
	.homeitmeright{
		display:none;
	}
	.homeitemleft{
		width:100%;
	}
	.leftnav{
		display:none;
	}
	.listcontent-item{
		width:100%;
	} 
	.pcfanyicontainer{
		display:none;
	}
	.mfanyicontainer{
		display:block;
	}
	.fanyitop-right{
		display:none;
	}
	.fanyitop-left{
	width:100%;	
	}
	.mfanyi-items { 
	height:550px;
	margin:0 1rem;
	}
	.price_form form{display:flex;flex-direction:column;}
	.price_form .text1, .price_form .text2,  .price_form .text4, .price_form .text3, .price_form .upload-btn{ width:auto;}
	.newsitems{
	width:100%;
	padding:0;
    }
	.newsitem{
	flex:40%;    
	}
	.newspic{
	width:100%; 
	}
 
	.newsdes{
		display:none;
	}

	.submissioncontent-itme{
	   width:100%; 
   }	
	.runseyoushiitems{
		width:100%;
	}
 
	.itemdes{
		display:flex;
		flex-direction:column; 
		width:100%;
	}
	.suitems{
		width:100%; 
	}
	.suitempic{
		display:none;
	}
	.successcasesshow{
		width:100%;
	}
 	
}


@media screen and (min-width:501px) and (max-width:1000px) {
 
	.imgresponsive{
		display:none;
	} 
	.homeitmeright{
		width: auto;
	} 
	.leftnav{
		display:none;
	}
	.succleftnav{
		display:block;
	}
	.listcontent-item{
		width:46%;
	}
	.pcfanyicontainer{
		display:none;
	}
	.mfanyicontainer{
		display:block;
	}
	.fanyitop-right{
		display:none;
	}
	.fanyitop-left{
	width:100%;	
	}
 	.suitems{
		width:100%; 
	}
 
}














